<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>shilin博客</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/blog_list.css">
</head>
<body>
<!--导航栏-->
<div class="nav">
    <img src="../img/logo.jpg" alt="">
    <span class="title">我的博客系统</span>
    <span class="spacer"></span>
    <a href="blog_list.html">主页</a>
    <a href="bolg_edit.html">写博客</a>
    <a href="layout">注销</a>
</div>
<!--版心-->
<div class="container">
    <!--       左侧个人信息 -->
    <div class="container-left">
        <div class="card">
            <img src="../img/logo.jpg" alt="" class="avtar">
            <h3>仕林</h3>
            <a href="http:www.github.com" class="github">GitHub地址</a>
            <div class="counter">
                <span>文章</span>
                <span>分类</span>
            </div>
            <div class="counter">
                <span>C/C++</span>
                <span>Linux</span>
            </div>
        </div>
    </div>

    <!--右侧内容详情-->
    <div class="container-right">
        <!-- 每一篇博客包含标题, 摘要, 时间 -->
        <div class="blog">
            <div class="title">我的第一篇博客</div>
            <div class="date">2025-06-22</div>
            <div class="desc">
                <span>
                    从今天起我要好好敲代码.
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut recusandae
                omnis natus ut! Autem alias...
                </span>
            </div>
            <a href="blog_content.html?blogId=1" class="detail">查看全文 &gt;&gt;</a>
        </div>

        <div class="blog">
            <div class="title">我的第二篇博客</div>
            <div class="date">2021-06-30</div>
            <div class="desc">
                <span>
                    从今天起我要好好敲代码.
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut recusandae
                omnis natus ut! Autem alias...
                </span>
            </div>
            <a href="blog_content.html?blogId=2" class="detail">查看全文 &gt;&gt;</a>
        </div>
    </div>
</div>

</body>
<script>
</script>
</html>